<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/cw.css" />
	</head>
	<style type="text/css">
     	.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color:#DBC27D}
     	.mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{background-color:#DBC27D ;}
     	.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell{padding-left:0}
     	.mui-checkbox input[type=checkbox]:before{font-size:17px;}
     	.mui-checkbox input[type=checkbox]{top:8px}
     	.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:after{left: 0;}
     	.mui-table-view-cell:after{left: 0;}
     	.mui-slider-indicator{background:white}
     	.mui-navigate-right:after, .mui-push-right:after{font-size:20px}
        .mui-checkbox input[type=checkbox]:checked:before{color:#DBC27D}
      	/*移动模块*/
       	.mui-segmented-control.mui-scroll-wrapper .mui-scroll{background: white;}     
		.mui-bar~.mui-content .mui-fullscreen {top: 44px;height: auto;}
		.mui-segmented-control.mui-scroll-wrapper{height: 40px;}
		.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{border-bottom: 2px solid #DBC27D;color: #DBC27D;}	
		.mui-segmented-control.mui-scroll-wrapper .mui-control-item{padding: 0 30px;}
     </style>
	<body>
		<header id="header" class="mui-bar mui-bar-nav">
			<i class="mui-icon mui-icon-back mui-action-back"></i>
			<h1 class="mui-title ">病例症状</h1>
			<span class="mui-pull-right" style="line-height: 44px;font-size:15px">确定</span>
		</header>
		<div class="mui-content" id="content">
			<div id="slider" class="mui-slider mui-fullscreen">
				<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<div class="mui-scroll">
						<!--<a class="mui-control-item mui-active" href="#item1mobile">呼吸内科</a>
						<a class="mui-control-item" href="#item2mobile">心内科</a>-->
					</div>
				</div>
				<div class="mui-slider-group">
					
					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
						<div id="scroll1" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<ul class="mui-table-view">
									
							    	<!--<li class="mui-table-view-cell mui-collapse">
										<a class="mui-navigate-right" href="#">
											上感
										</a>
										<ul class="mui-table-view mui-table-view-chevron">
											
											<li class="mui-table-view-cell toppp">
												<div class="mui-input-row mui-checkbox mui-left">
													<label>头晕</label>
													<input name="checkbox" value="Item 1" type="checkbox" checked="">
												</div>
											</li>
											
										</ul>
									</li>-->
									
						        </ul>
							</div>
						</div>
					</div>
					
				</div>
			</div>
		</div>
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript" src="../js/jquery-2.1.4.min.js" ></script>
		<script type="text/javascript" src="../js/public.js" ></script>
		<script type="text/javascript" src="../js/app/me-archives-home-wojiade.js" ></script>
		<script type="text/javascript">
			mui.init({
				swipeBack: false
			});
			(function($) {
				$('.mui-scroll-wrapper').scroll({
					indicators: true //是否显示滚动条
				});
			})(mui);
			//高度自适应	
			$(document).ready(function() {
				$(".mui-control-content").css({"min-height": (document.documentElement.clientHeight - 88) + "px"});
			})
		</script>
	</body>
</html>